一、video标签播放

  • 1、首先注意视频编码必须是:AVC 即 H264 ,音频编码必须是: AAC,这种格式的视频拖到网页直接播放;
  • 2、兼容写法:在video内加source 标签,此处仅是预防第一个地址不能播放而起用下一个地址。
  • 3、controls:显示控件;poster:视频海报
    1
    2
    3
    4
    <video src="movie.mp4" controls poster="img/p.gif">
    <source src="movie.ogg" type="video/ogg">
    <source src="movie.flv" type="video/flv">
    </video>

二、object与embed

  • 1、object为一个嵌入的对象,可用来做比如图像、音频、视频、Java applets、ActiveX、PDF 以及 Flash,object就是多媒体;
  • 2、embed常常与object一起出现,两者都是用来播放多媒体文件的对象,object元素用于IE浏览器,embed元素用于非IE浏览器,为了保证兼容性,通常我们同时使用两个元素;
  • 3、这两者播放视频时都会使用flash,以上提到的音视频图片都会显示、播放,若两者给的地址不同,浏览器只显示object的,除非不兼容。
    1
    2
    3
    4
    5
    6
    7
    <object id="player" width="684" height="450" autoplay="false">
    <param name="movie" value="地址">
    <param name="allowFullScreen" value="true">
    <param name="allowscriptaccess" value="always">
    <param name="wmode" value="Transparent">
    <embed src="地址" allowFullScreen="true" quality="high" width="684" height="450" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash"></embed>
    </object>

三、使用插件ckplayer

  • 1、非常不错的第三方播放插件,受众大,查看
  • 2、文档、社区完善。